/* pages/cj/index.wxss */
.zgcj_container {
  padding-top: 2vh;
  box-shadow: border-box;
  background: #DF0E1F;
  background-size: 100% 100% !important;
  box-sizing: border-box;
}

.canvas-container {
  margin: 0 auto;
  margin-top: 20px;
  position: relative;
  overflow: hidden;
  width: 659rpx;
  height: 604rpx;
  border-radius: 50%;
  background: #FA3E3F;
  padding: 40rpx 70rpx;
  box-sizing: border-box;
  background-size: 100% 100% !important;
}

.canvas-content {
  position: absolute;
  left: 70rpx;
  top: 40rpx;
  z-index: 10;
  display: block;
  width: 520rpx;
  height: 520rpx;
  overflow: hidden;
  border-radius: inherit;
  background-clip: padding-box;
  background-color: #ffcb3f;
}

.canvas-list {
  position: absolute;
  left: 0;
  top: 0;
  width: inherit;
  height: inherit;
  z-index: 9999;
}

.canvas-item {
  position: absolute;
  left: 0;
  top: 0;
  width: 520rpx;
  height: 520rpx;
  color: #e4370e;
  font-weight: bold;
  text-shadow: 0 1px 1px rgba(255, 255, 255, .6);
}

.canvas-item2 {
  position: absolute;
  left: 0px;
  top: 0;
  width: 520rpx;
  height: 260rpx;
  color: #e4370e;
  font-weight: bold;
  transform-origin: 260rpx 260rpx;
  transform: rotate(0deg);
  overflow: hidden;
}

.canvas-item2-after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 260rpx;
  height: 260rpx;
  transform-origin: 260rpx 260rpx;
  transform: rotate(-30deg);
}

.canvas-item3 {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 1;
  width: 600rpx;
  height: 260rpx;
  color: #e4370e;
  font-weight: bold;
  transform-origin: 260rpx 260rpx;
  transform: rotate(60deg);
  overflow: hidden;
}

.canvas-item3:after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  background: rgba(228, 55, 14, 0.5);
  width: 260rpx;
  height: 260rpx;
  transform-origin: 260rpx 260rpx;
  transform: rotate(-42.428deg);
}

.canvas-item-text {
  position: relative;
  display: block;
  overflow: hidden;
  margin-left: 0;
  width: 520rpx;
  padding-top: 100rpx;
  transform-origin: 50% 260rpx;
}

.canvas-item-text-f {
  z-index: 2;
  position: relative;
  margin: auto;
  display: block;
  text-align: center;
  width: 120rpx;
  font-weight: bold;
  line-height: 32rpx;
  font-size: 26rpx;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.canvas-item-text-img {
  z-index: 0;
  position: absolute;
  margin: auto;
  display: block;
  text-align: center;
  width: 75rpx;
  height: 75rpx;
  left: 220rpx;
  top: 20rpx;
  border-radius: 50%;
}

.canvas-box {
  position: absolute;
  left: 0;
  top: 0;
  width: inherit;
  height: inherit;
}

.canvas-litem3 {
  position: absolute;
  left: 325rpx;
  top: 325rpx;
  width: 325rpx;
  height: 325rpx;
  background-color: rgba(228, 55, 14, .5);
  transform-origin: left top;
  transform: rotate(10deg) skewX(7deg);
}

.canvas-litem {
  position: absolute;
  left: 325rpx;
  top: 0;
  width: 2px;
  height: 325rpx;
  background-color: rgba(228, 55, 14, .4);
  transform-origin: 50% 325rpx;
}

.canvas-btn {
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -60rpx 0 0 -60rpx;
  z-index: 400;
  width: 120rpx;
  height: 120rpx;
  border-radius: 50%;
  color: #F4E9CC;
  background-color: #E44025;
  line-height: 120rpx;
  text-align: center;
  font-size: 40rpx;
  text-shadow: 0 -1px 1px rgba(0, 0, 0, .6);
  box-shadow: 0 3px 5px rgba(0, 0, 0, .6);
  text-decoration: none;
  background-size: 100% 100% !important;
}

.canvas-btn::after {
  position: absolute;
  display: block;
  content: ' ';
  left: 20rpx;
  top: -63rpx;
  width: 0;
  height: 0;
  overflow: hidden;
  border-width: 40rpx;
  border-style: solid;
  border-color: transparent;
  border-bottom-color: #E44025;
}

.canvas-btn.disabled {
  pointer-events: none;
  background: #B07A7B;
  color: #ccc;
}

.canvas-btn.disabled::after {
  border-bottom-color: #B07A7B;
}

.gb-run {
  transition: all 6s ease;
}

.zxh-box {
  margin: 100rpx 0 50rpx 0;
  background: #B07A7B;
}

.zxh-text {
  color: #fff;
  font-weight: bold;
  text-align: center;
  padding: 20rpx;
}

/* 样式风格 */
.zgcj_container1 {
  background: url('https://statics.offcn.com/hb/pc/images/wxxcx/lottery/2021cj_back1.png') top center no-repeat #fd4b4b;
}

.zgcj_container1 .canvas-container {
  background: url('https://statics.offcn.com/hb/pc/images/wxxcx/lottery/2021cj_back_zp1.png') no-repeat;
}

.zgcj_container1 .canvas-btn {
  background: #E44025;
}

.zgcj_container1 .canvas-btn::after {
  border-bottom-color: #E44025;
}

.zgcj_container1 .canvas-item {
  color: #E44025;
}

.zgcj_container2 {
  background: url('https://statics.offcn.com/hb/pc/images/wxxcx/lottery/2021cj_back2.png') no-repeat;
}

.zgcj_container2 .canvas-container {
  background: url('https://statics.offcn.com/hb/pc/images/wxxcx/lottery/2021cj_back_zp2.png') no-repeat;
}

.zgcj_container2 .canvas-btn {
  background: #0500D8;
}

.zgcj_container2 .canvas-btn::after {
  border-bottom-color: #0500D8;
}

.zgcj_container2 .canvas-item {
  color: #0500D8;
}

.zgcj_container3 {
  background: url('https://statics.offcn.com/hb/pc/images/wxxcx/lottery/2021cj_back3.png') no-repeat;
}

.zgcj_container3 .canvas-container {
  background: url('https://statics.offcn.com/hb/pc/images/wxxcx/lottery/2021cj_back_zp3.png') no-repeat;
}

.zgcj_container3 .canvas-btn {
  background: #FD4EEF;
}

.zgcj_container3 .canvas-btn::after {
  border-bottom-color: #FD4EEF;
}

.zgcj_container3 .canvas-item {
  color: #FD4EEF;
}

.zgcj_container4 {
  background: url('https://statics.offcn.com/hb/pc/images/wxxcx/lottery/2021cj_back4.png') no-repeat;
}

.zgcj_container4 .canvas-container {
  background: url('https://statics.offcn.com/hb/pc/images/wxxcx/lottery/2021cj_back_zp4.png') no-repeat;
}

.zgcj_container4 .canvas-btn {
  background: #FF8400;
}

.zgcj_container4 .canvas-btn::after {
  border-bottom-color: #FF8400;
}

.zgcj_container4 .canvas-item {
  color: #FF8400;
}

.zgcj_container5 {
  background: url('https://statics.offcn.com/hb/pc/images/wxxcx/lottery/2021cj_back5.png?1') no-repeat;
}

.zgcj_container5 .canvas-container {
  background: url('https://statics.offcn.com/hb/pc/images/wxxcx/lottery/2021cj_back_zp5.png') no-repeat;
}

.zgcj_container5 .canvas-btn {
  background: #1aac16;
}

.zgcj_container5 .canvas-btn::after {
  border-bottom-color: #1aac16;
}

.zgcj_container5 .canvas-item {
  color: #1aac16;
}

.zgcj_container6 {
  height: auto;
  padding-top: 56rpx;
  background: url('https://statics.offcn.com/hb/pc/images/wxxcx/lottery/2021cj_back6.jpg?4') no-repeat;
  background-size: cover!important;
}

.zgcj_container6 .canvas-container {
  background: url('https://statics.offcn.com/hb/pc/images/wxxcx/lottery/2021cj_back_zp1.png') no-repeat;
}

.zgcj_container6 .canvas-btn {
  background: #ac010b;
}

.zgcj_container6 .canvas-btn::after {
  border-bottom-color: #ac010b;
}

.zgcj_container6 .canvas-item {
  color: #ac010b;
}

.zgcj_container6 .zgcj_title_img {
  width: 223rpx;
  margin-bottom: 20rpx;
}

.zgcj_container6 .type_title_img {
  width: 575rpx;
  margin-top: 0px;
  margin-bottom: 0px;
}

.zgcj_container6 .square_box {
  width: 520rpx;
  height: 552rpx;
  margin-top: 0px;
}

.zgcj_container6 .choujiangxia {
  display: none;
}

.jinmian {
  width: 535rpx;
  height: 256rpx;
  display: block;
  margin: 0 auto;
}


/* 九宫格 */
#container1 {
  width: 685rpx;
  height: 699rpx;
  display: flex;
  margin: 20rpx auto;
  align-items: center;
  justify-content: center;
  background: url(https://statics.offcn.com/hb/pc/images/wxxcx/lottery/zhuanban.png) no-repeat;
  background-size: 685rpx 699rpx;
  /* width: 710rpx;
  height: 710rpx;
  background: #FEF2B8;
  padding: 20rpx;
  box-sizing: border-box;
  margin: 0 auto; */
}

#container2 {
  width: 685rpx;
  height: 699rpx;
  display: flex;
  margin: 20rpx auto;
  align-items: center;
  justify-content: center;
  background: url(https://statics.offcn.com/hb/pc/images/wxxcx/lottery/zhuanban.png) no-repeat;
  background-size: 685rpx 699rpx;
  /* width: 710rpx;
  height: 710rpx;
  background: #FEF2B8;
  padding: 20rpx;
  box-sizing: border-box;
  margin: 0 auto; */
}

.zgcj_container6 #container2 {
  width: 520rpx;
  height: 552rpx;
  background: none;
  margin-top: 0rpx;
  background-size: cover;
}

.square_box {
  position: relative;
  width: 570rpx;
  height: 584rpx;
  margin-top: -36rpx;
  /* width: 670rpx;
  height: 670rpx; */
}

.squared_btn {
  /* background: #E44025; */
  /* margin: 20rpx; */
  /* border: 1px solid #FA5A6C; */
  width: 200rpx;
  height: 200rpx;
  box-sizing: border-box;
  display: block;
  float: left;
  text-align: center;
  line-height: 100px;
  position: relative;
  border-radius: 5rpx;
  font-size: 36rpx;
  color: #fff;
  letter-spacing: 3rpx;
}

.squared_btn .font {
  left: 0px;
  top: 70%;
  width: 100%;
  margin-top: 0px;
  margin-left: 0px;
  font-size: 22rpx;
  color: #bb2812;
  text-align: center;
}

a:hover {
  cursor: pointer;
  color: orange;
  font-size: 18px;
}

/* .active {
  background: red;
  color: #fff;
} */

page view .indexli {
  width: 188rpx;
  height: 191rpx;
  margin-top: 0rpx;
  margin-left: 0rpx;
  margin-bottom: 0rpx;
  margin-right: 0rpx;
  box-sizing: border-box;
}

.square_block image {
  transition: all ease-in 0.1s;
}

/* .indexli image {
  width: 130%;
  height: 130%;
  margin-top: -15%;
  margin-left: -15%;
} */

.indexli view {
  position: absolute;
  width: 188rpx;
  height: 191rpx;
  background: #6404A4;
  opacity: 0.4;
  left: 0;
  top: 0;
}

#container2 .indexli view {
  width: 272rpx;
  height: 277rpx;
}

.squared_btn {
  position: relative;
}

.squared_btn image {
  width: 100%;
  height: 100%;
  border-radius: 5rpx;
}

.squared_btn view {
  width: 80rpx;
  height: 80rpx;
  position: absolute;
  font-size: 40rpx;
  color: #fff;
  font-weight: 700;
  line-height: 40rpx;
  margin-left: -40rpx;
  margin-top: -40rpx;
  left: 50%;
  top: 50%;
}

.c_title {
  width: 100%;
  text-align: center;
  color: #fff;
  font-size: 20rpx;
  padding-top: 30rpx;
}

.c_title2 {
  color: #fff;
  text-align: center;
  font-size: 40rpx;
}

.c_title3 {
  background: red;
  width: 250rpx;
  margin-left: 250rpx;
  height: 40rpx;
  line-height: 40rpx;
  color: #fff;
  font-size: 20rpx;
  text-align: center;
}

.c_titlr4 {
  background: gold;
  color: red;
  width: 400rpx;
  border-radius: 500rpx;
  text-align: center;
  font-size: 20rpx;
  margin-left: 175rpx;
  margin-top: 10rpx;
}

.b1 {
  margin-left: 20rpx;
  color: #fff;
  font-size: 40rpx;
}

.b2 {
  margin-left: 20rpx;
  color: #fff;
  font-size: 25rpx;
}

.b3 {
  margin-left: 20rpx;
  color: #fff;
  font-size: 25rpx;
}

.b4 {
  margin-left: 20rpx;
  color: #fff;
  font-size: 25rpx;
}

.b5 {
  margin-left: 20rpx;
  color: #fff;
  font-size: 25rpx;
}

.square_block {
  width: 188rpx;
  height: 191rpx;
  /* width: 200rpx;
  height: 200rpx; */
  position: absolute;
  z-index: 1;
  overflow: hidden;
  overflow: hidden;
  border-radius: 20rpx;
  box-sizing: border-box;
  /* border: 1rpx solid #FA5A6C; */
  font-size: 30rpx;
  line-height: 200rpx;
  color: #000;
  text-align: center;
  background: #7DD2F9;
  display: table;
}

#container2 .square_block {
  top: 10rpx;
  left: 8rpx;
  width: 265rpx;
  height: 271rpx;
}

.square_img {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  /* margin: 10% auto; */
  /* opacity: .7; */
}

.square_text {
  /* position: absolute; z-index:1; left:0; top:0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; */
  width: 100%;
  height: 200rpx;
  text-align: center;
  font-size: 30rpx;
  line-height: 50rpx;
  font-weight: bold;
  color: #fff;
  display: table-cell;
  vertical-align: middle;
}

.square_block:nth-child(1) {
  /* left: 5rpx;
  top: 5rpx; */
  border-top-left-radius: 40rpx;
}

.square_block:nth-child(2) {
  left: 190rpx;
  top: 0rpx;
}

.square_block:nth-child(3) {
  right: 0rpx;
  top: 0rpx;
  border-top-right-radius: 40rpx;
}

.square_block:nth-child(4) {
  right: 0rpx;
  top: 198rpx;
}

.square_block:nth-child(5) {
  right: 0rpx;
  bottom: 0rpx;
  border-bottom-right-radius: 40rpx;
}

.square_block:nth-child(6) {
  left: 190rpx;
  bottom: 0rpx;
}

.square_block:nth-child(7) {
  left: 0rpx;
  bottom: 0rpx;
  border-bottom-left-radius: 40rpx;
}

.square_block:nth-child(8) {
  left: 0rpx;
  top: 198rpx;
}

#container2 .square_block:nth-child(2) {
  left: auto;
  top: 10rpx;
  right: 8rpx;
  border-radius: 20rpx;
  border-top-right-radius: 40rpx;
}

#container2 .square_block:nth-child(3) {
  top: auto;
  left: auto;
  right: 8rpx;
  bottom: 10rpx;
  border-radius: 20rpx;
  border-bottom-right-radius: 40rpx;
}

#container2 .square_block:nth-child(4) {
  top: auto;
  left: 8rpx;
  right: auto;
  bottom: 10rpx;
  border-radius: 20rpx;
  border-bottom-left-radius: 40rpx;
}

.square_box .squared_btn {
  width: 188rpx;
  height: 191rpx;
  position: absolute;
  left: 192rpx;
  top: 198rpx;
  z-index: 1;
  margin: 0 auto;
}

/* 盲盒 */
.blind_wrapper {
  width: 100%;
  height: 700rpx;
  position: relative;
}

.blind_img {
  display: block;
  width: 100%;
  height: 100%;
}

.blind_text {
  position: absolute;
  width: 100%;
  text-align: center;
  font-size: 40rpx;
  line-height: 700rpx;
  color: #fff;
  font-weight: bold;
  z-index: 1;
  left: 0;
  top: 0;
}

.blind_result {
  position: absolute;
  width: 100%;
  text-align: center;
  font-size: 40rpx;
  line-height: 700rpx;
  color: #fff;
  font-weight: bold;
  z-index: 2;
  left: 0;
  top: 0;
  background: #FA5D6E;
}


.zgcj_container {
  width: 100%;
  position: relative;
  padding-bottom: 20rpx;
}

.zgcj_back {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1;
}

.zgcj_box {
  position: relative;
  z-index: 1;
}

.zgcj_container6 .zgcj_box {
  margin-top: 8rpx;
}

.zgcj_title {
  font-size: 40rpx;
  line-height: 2;
  color: #fff;
  font-weight: bold;
  text-align: center;
  margin-bottom: 20rpx;
  position: relative;
  z-index: 2;
}

.zgcj_rulestop,
.zgcj_wintop {
  font-size: 36rpx;
  line-height: 2;
  color: #1D438E;
  font-weight: bold;
  text-align: center;
  margin-bottom: 20rpx;
}

.zgcj_brief {
  margin: 20rpx 20rpx 0;
  background: #fff;
  border-radius: 10rpx;
  padding: 20rpx 15rpx;
}

.zgcj_ruleslist,
.zgcj_winli {
  font-size: 28rpx;
  line-height: 2;
  color: #1D438E;
}

.type_title {
  text-align: center;
  font-size: 32rpx;
  line-height: 2;
  color: #fff;
}

.zgcj_winner {
  margin: 40rpx 20rpx 90rpx;
  background: #fff;
  border-radius: 10rpx;
  padding: 20rpx 15rpx;
}

/* 抽奖封面 */
.poster_box {
  width: 100%;
  height: 100vh;
  position: fixed;
  left: 90;
  top: 0;
  z-index: 11;
}

.poster {
  display: block;
  width: 100%;
  height: 100vh;
}

.poster_btn {
  position: absolute;
  width: 30vw;
  left: 35vw;
  bottom: 20vh;
  z-index: 1;
}

/* 规则 */
.lottery_rules_btn {
  position: fixed;
  left: 0;
  top: 50rpx;
  background: #F4AA00;
  font-size: 28rpx;
  line-height: 2.5;
  padding: 0 1em;
  border-radius: 0 1.25em 1.25em 0;
  z-index: 12;
}

.lottery_rules {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .5);
  left: 0;
  top: 0;
  z-index: 13;
}

.lottery_rules_box {
  position: absolute;
  width: 650rpx;
  left: 50rpx;
  height: 60vh;
  top: 20vh;
  z-index: 1;
}

.lottery_rules_top {
  width: 100%;
  height: 212rpx;
  background: url('https://statics.offcn.com/hb/pc/images/wxxcx/lottery/2021cj_back_rulestop.png?1') no-repeat;
  font-size: 0;
  background-size: 100% 100%;
}

.lottery_rules_mid {
  background: #fff;
  padding: 40rpx;
}

.zgcj_ruleslist {
  font-size: 28rpx;
  line-height: 1.5;
  color: #333;
  text-indent: 2em;
  max-height: 22em;
  overflow-y: auto;
}

.zgcj_jxname {
  text-align: center;
  font-weight: bold;
  font-size: 32rpx;
  line-height: 2;
  color: #333;
}

.zgcj_ruels_bot {
  width: 50%;
  text-align: center;
  font-size: 30rpx;
  line-height: 2.2;
  color: #fff;
  background: #FF5762;
  border-radius: 1.1em;
  margin: 50rpx auto 0;
}

/* 底部导航 */
.lottery_nav {
  position: fixed;
  width: 100%;
  text-align: center;
  font-size: 0;
  line-height: 94rpx;
  color: #fff;
  left: 0;
  bottom: 0;
  z-index: 10;
}

.nav_btn {
  width: 50%;
  float: left;
  font-size: 32rpx;
  line-height: 90rpx;
  color: #fff;
}

.nav_btn:first-child {
  border-radius: 20rpx 0 0 0;
  background: #FA3E3F;
}

.nav_btn:last-child {
  border-radius: 0 20rpx 0 0;
  background: #7DD2F9;
}

.nav_btn.on {
  font-weight: bold;
}

/* 中奖结果 */
.result_zzc {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .5);
  left: 0;
  top: 0;
  z-index: 14;
}

.lottery_result {
  width: 100vw;
  position: fixed;
  left: 0;
  height: 960rpx;
  top: 50%;
  margin-top: -480rpx;
  z-index: 14;
  background: url('https://statics.offcn.com/hb/pc/images/wxxcx/lottery/2021cj_back_result5.png') no-repeat;
  background-size: 100% 100%;
  box-sizing: border-box;
  padding: 108rpx 150rpx 0;
}

.resulut_tips {
  font-size: 36rpx;
  line-height: 2;
  color: #9a5812;
  text-align: center;
}

.result_name {
  margin: 10rpx 20rpx;
  font-size: 34rpx;
  font-weight: bold;
  line-height: 50rpx;
  color: #333;
  text-align: center;
}

.result_img {
  margin: 25rpx auto 0;
  display: block;
  width: 110rpx;
  height: 110rpx;
  border-radius: 50%;
}

.result_course_rules {
  margin: 40rpx auto 60rpx;
  font-size: 30rpx;
  line-height: 2;
  color: #333;
  text-align: center;
}

.result_shxx {
  margin-bottom: 15rpx;
}

.result_shxx text {
  vertical-align: middle;
  display: inline-block;
  width: 4em;
  font-size: 30rpx;
  line-height: 2;
  color: #333;
}

.result_shxx input {
  vertical-align: middle;
  display: inline-block;
  width: 70%;
  border: 1px solid #666;
  background: #fff;
  font-size: 30rpx;
  line-height: 2;
  color: #333;
}

.result_btn,
.result_close_btn,
.result_btn_19mfk {
  width: 300rpx;
  font-size: 36rpx;
  line-height: 2.5;
  color: #fff;
  background: #E3AA4F;
  border-radius: 1.25em;
  margin: 30rpx auto 0;
  text-align: center;
}

.result_btn_19mfk {
  margin-top: 100rpx;
}

.result_coursegz {
  text-align: left;
  font-size: 32rpx;
  line-height: 1.5;
  color: #333;
  max-height: 6em;
  overflow-y: auto;
  margin-bottom: 20rpx;
}

/* 中奖列表 */
.zgcj_winlist {
  background: #fff;
  padding-bottom: 20rpx;
}

.lucky_swiper {
  width: 100%;
  overflow: hidden;
  height: 120rpx !important;
}

/* .lucky_swiper1 {
  height: 120rpx !important;
}

.lucky_swiper3 {
  height: 270rpx !important;
}

.lucky_swiper5 {
  height: 300rpx !important;
} */

.lucky_for {
  width: 100%;
  font-size: 30rpx;
  line-height: 120rpx;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #1D438E;
  border-bottom: 2rpx dashed #1D438E;
  box-sizing: border-box;
}

.lucky_swiper1 .lucky_for {
  font-size: 30rpx;
  line-height: 4;
}

.lucky_swiper3 .lucky_for {
  font-size: 30rpx;
  line-height: 3;
}

.bold {
  font-weight: bold;
}

.result_shxx picker {
  width: 80%;
  margin: 0 auto 20rpx;
}

.result_shxx view {
  background: #fff;
  font-size: 28rpx;
  line-height: 2.5;
  color: #333;
  border-radius: 20rpx;
  text-align: center;
}

.result_cash_img {
  width: 240rpx;
  height: 240rpx;
  margin: 0 auto 15rpx;
  display: block;
}

.result_tips {
  font-size: 28rpx;
  line-height: 1.6;
  color: #333;
}

.priceList .zgcj_wintop {
  color: #000;
}

.price {
  display: flex;
  align-items: center;
  justify-content: start;
  color: #000;
}

.price view,
.notice {
  font-weight: bold;
  padding-left: 20rpx;
  color: #fd4b4b;
}

.zgcj_title_img, .type_title_img {
  margin: 0 auto;
  display: block;
}

.type_title_img {
  width: 60%;
  margin-top: 20rpx;
  margin-bottom: 20rpx;
}

.tuoBox {
  margin-top: -30rpx;
}

.choujianganniu {
  width: 352rpx;
  height: 130rpx;
  position: relative;
}

.shareBtn {
  width: 412rpx;
  height: 130rpx;
  position: relative;
}

.choujiangxia {
  width: 672rpx;
  height: 198rpx;
  display: block;
  margin-left: 39rpx;
}

.tuoBox button, .squared_btn {
  padding: 0px;
  background: transparent;
}

.tuoBox button::before, .tuoBox button::after, .squared_btn::before, .squared_btn::after {
  border: none;
}

.tuoBox .zhai {
  width: 352rpx;
  height: 130rpx;
  display: block;
  position: relative;
  margin-left: 199rpx;
  margin-bottom: -75rpx;
}

.zgcj_container6 .tuoBox {
  margin-top: 20rpx;
}

.zgcj_container6 .tuoBox .zhai {
  margin-bottom: 0rpx;
}

.tuoBox .kuan {
  width: 412rpx;
  height: 130rpx;
  display: block;
  position: relative;
  margin-left: 169rpx;
  margin-bottom: -75rpx;
}

.offer_item {
	height: 70rpx;
	margin: 0 auto 20rpx;
}

.offer_item .select_box {
  background: #fff;
  border: 0px solid #5c5c5c;
}

.offer_item .select_box.active {
  border: 0px solid #000;
}

.offer_item .active {
  color: #303030;
}

.offer_item .active .select_text, .offer_item .active .icon_title {
  color: #303030!important;
}

.offer_item .select_box {
  line-height: 70rpx;
}

.offer_item .icon_title {
  float: left;
  font-size: 32rpx;
}

.offer_item .select_text {
  height: 70rpx;
  line-height: 70rpx;
  text-indent: 54rpx;
}